import Vue from 'vue'
// 1.导入 vue-router包 类似于script引入 得到构造函数VueRouter
import VueRouter from 'vue-router'

// 2.手动安装 VueRouter
Vue.use(VueRouter) // 调用Vue构造函数的静态方法use传入 构造函数VueRouter 在Vue或vm实例上新增成员 来监听路由

// 导入 aoo 组件
import app from './App.vue'

// 导入自定义的路由模块(加载并执行  最终得到路由对象)
import router from './router'

var vm = new Vue({
    el: '#app',
    render: c => c(app), // render 会把 el 指定的容器中 所有的内容都清空覆盖，所以 不要 把
    // 路由的 router-view 和 router-link 直接写到 el 所控制元素区域中
    router // 4.将路由对象挂载到 vm 上
})

// 注意：App 这个组件，是通过 vm 实例的 render 函数，渲染出来的， render 函数如果要渲染 组件
// 渲染出来的组件，只能放到 el:'#app' 所指定的 元素中；
// Account 和 GoodsList 组件，是通过 路由匹配监听到的，所以，这两个组件，只能展示到 属于 路由的
// <router-view></router-view>中去；
